$primary-color: #0078D4; // 已定义的Windows 10主题蓝色
$secondary-color: #444; // 已定义的辅助颜色
$background-color: #fff; // 基础背景色
$border-color: #ddd; // 边框颜色
$hover-background: rgba(0, 0, 0, 0.05); // 鼠标悬停背景色
$shadow-color: rgba(0, 0, 0, 0.1); // 阴影颜色

.main {
    flex: 1;
    width: 100%;
    height: 100%;
    background-color: $background-color;
}

.scrollbarHeightList {
    height: 420px;
}

.model-list {
    padding: 0px 24px 24px 24px; // 增加内边距以提高舒适感
    background-color: $background-color;

    .model-item {
        transition: all 0.3s;
        border-bottom: 1px solid $border-color;
        padding-bottom: 10px;
        padding-top: 10px;

        &:hover {
            transition: all 0.3s;
            background-color: $hover-background;
            box-shadow: $shadow-color 0 2px 4px 0 !important;
            cursor: pointer;
        }
    }
}

.drawer-model-actions {
    display: flex;
    align-items: center;
    gap: 16px; // 增加间距
    justify-content: flex-end;
}

.pa-5 {
    padding: 0 24px; // 增加内边距
}

.flex-fill {
    flex: 1;
}

.mx-5 {
    margin-left: 24px;
    margin-right: 24px; // 增加外边距
}
.ml-10{
    margin-left: 10px;
}
.mr-10{
    margin-right: 10px;
}
.font-weight-bold {
    font-weight: bold;
    font-size: 18px; // 增大字体大小
    margin: 16px 0; // 增加间距
}

.desc {
    font-size: 16px; // 增大字体大小
}

